<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="css/youyi.css" />
	<link rel="stylesheet" href="css/environmental.css" />
    <title>优蚁</title>
   <style>
			html,body{
				background-color: #efeff4;
			}
			.mui-bar~.mui-content .mui-fullscreen {
				top: 44px;
				height: auto;
			}
			.mui-pull-top-tips {
				position: absolute;
				top: -20px;
				left: 50%;
				margin-left: -25px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				z-index: 1;
			}
			.mui-bar~.mui-pull-top-tips {
				top: 24px;
			}
			.mui-pull-top-wrapper {
				width: 42px;
				height: 42px;
				display: block;
				text-align: center;
				background-color: #efeff4;
				border: 1px solid #ddd;
				border-radius: 25px;
				background-clip: padding-box;
				box-shadow: 0 4px 10px #bbb;
				overflow: hidden;
			}
			.mui-pull-top-tips.mui-transitioning {
				-webkit-transition-duration: 200ms;
				transition-duration: 200ms;
			}
			.mui-pull-top-tips .mui-pull-loading {
				/*-webkit-backface-visibility: hidden;
				-webkit-transition-duration: 400ms;
				transition-duration: 400ms;*/				
				margin: 0;
			}
			.mui-pull-top-wrapper .mui-icon,
			.mui-pull-top-wrapper .mui-spinner {
				margin-top: 7px;
			}
			.mui-pull-top-wrapper .mui-icon.mui-reverse {
				/*-webkit-transform: rotate(180deg) translateZ(0);*/
			}
			.mui-pull-bottom-tips {
				text-align: center;
				background-color: #efeff4;
				font-size: 15px;
				line-height: 40px;
				color: #777;
			}
			.mui-pull-top-canvas {
				overflow: hidden;
				background-color: #fafafa;
				border-radius: 40px;
				box-shadow: 0 4px 10px #bbb;
				width: 40px;
				height: 40px;
				margin: 0 auto;
			}
			.mui-pull-top-canvas canvas {
				width: 40px;
			}
			.mui-slider-indicator.mui-segmented-control {
				background-color: #efeff4;
			}
			.scroll_btn::after{
			    position:absolute;			    
			    top:50%;
			    display: block;
			    content: "上下滑动";
			    width:18px;
			    padding: 0 8px;
			    transform: translateY(-50%);
			    color: #999;
			}
		</style>
</head>
<body class="index">
	<header class="mui-bar mui-bar-nav top_nav">
		<a class="mui-pull-left mui-ellipsis location_btn" href="select_city.html?"+Math.random()>佛山市</a>
		<div class="mui-input-row mui-search mui-title cslt_search">
			<input type="search" class="mui-input-clear" placeholder="请输入关键字" id="searchInput">
		</div>
		<a class="mui-btn mui-btn-link mui-pull-right login_btn">登录</a>
		<!--<h1 id="title" class="mui-title">环保商城</h1>-->
	</header>
	<div class="mui-scroll-wrapper index_scroll_area" id="index_scroll">
	    <div class="mui-scroll">
	        <div class="mui-content">
			<div id="sliderBanner" class="mui-slider" >
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="javascript:;">
							<img src="images/onlineConsulting/banner1@2x.png">
						</a>
					</div>
					<!-- 第一张 -->
					<div class="mui-slider-item mui-active	">
						<a href="javascript:;">
							<img src="images/onlineConsulting/banner@2x.png">
						</a>
					</div>
					<!-- 第二张 -->
					<div class="mui-slider-item">
						<a href="javascript:;">
							<img src="images/onlineConsulting/banner@2x.png">
						</a>
					</div>
					<!-- 第三张 -->
					<div class="mui-slider-item">
						<a href="javascript:;">
							<img src="images/onlineConsulting/banner1@2x.png">
						</a>
					</div>
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="javascript:;">
							<img src="images/onlineConsulting/banner@2x.png">
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			
		</div>
		<div class="fun_ico">
			<ul class="mui-table-view mui-grid-view mui-grid-9">
	            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-2">
	            	<a href="indexList/environmental_demand.html">
	                    <span class="mui-icon"><img src="images/index/index_nav_ico_1.png"/></span>
	                    <div class="mui-media-body">环保需求</div>
	            	</a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-2">
	            	<a href="onlineConsulting/online_consulting.html">
	                    <span class="mui-icon"><img src="images/index/index_nav_ico_2.png"/></span>
	                    <div class="mui-media-body">环保商城</div>
	            	</a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-2">
	            	<a href="##">
	                    <span class="mui-icon"><img src="images/index/index_nav_ico_3.png"/></span>
	                    <div class="mui-media-body">企业名录</div>
	            	</a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-2">
	            	<a href="indexList/special.html">
	                    <span class="mui-icon"><img src="images/index/index_nav_ico_4.png"/></span>
	                    <div class="mui-media-body">环保专题</div>
	            	</a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-2">
	            	<a href="indexList/environmental_consulting.html">
	                    <span class="mui-icon"><img src="images/index/index_nav_ico_5.png"/></span>
	                    <div class="mui-media-body">环保资讯</div>
	            	</a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-2">
	            	<a href="indexList/consultant.html">
	                    <span class="mui-icon"><img src="images/index/index_nav_ico_6.png"/></span>
	                    <div class="mui-media-body">顾问咨询</div>
	            	</a>
	            </li>
	        </ul>
		</div>
		<div class="item_box env_info">
			<h2 class="mui-table-view-cell index_title">
				<a href="indexList/environmental_consulting.html" class="mui-navigate-right mui-active"><b>环保资讯</b><span class="mui-badge see_more">更多</span></a>
			</h2>
			<div class="item_list_box env_info_list">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="indexList/information_details.html">
							<img class="mui-media-object mui-pull-left" src="images/index/banner@2x.png">
							<div class="mui-media-body">
								<h3 class="mui-ellipsis-2 item_list_head">环保部发函中止贵南高铁环评审环保部发函中止贵南高铁环评审</h3>
								<!--<p class="mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>-->
								<p class="mui-ellipsis"><time pubdate="true">2016/06/02</time> <span class="mui-pull-right">优蚁新闻</span></p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="indexList/information_details.html">
							<img class="mui-media-object mui-pull-left" src="images/index/banner@2x.png">
							<div class="mui-media-body">
								<h3 class="mui-ellipsis-2 item_list_head">环保部发函中止贵南高铁环评审环保部发函中止贵南高铁环评审</h3>
								<!--<p class="mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>-->
								<p class="mui-ellipsis"><time pubdate="true">2016/06/02</time> <span class="mui-pull-right">优蚁新闻</span></p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="indexList/information_details.html">
							<img class="mui-media-object mui-pull-left" src="images/index/banner@2x.png">
							<div class="mui-media-body">
								<h3 class="mui-ellipsis-2 item_list_head">环保部发函中止贵南高铁环评审环保部发函中止贵南高铁环评审</h3>
								<!--<p class="mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>-->
								<p class="mui-ellipsis"><time pubdate="true">2016/06/02</time> <span class="mui-pull-right">优蚁新闻</span></p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="item_box env_dem">
			<h2 class="mui-table-view-cell index_title">
				<a class="mui-navigate-right mui-active"><b>生产型企业的环保需求</b><span class="mui-badge see_more">更多</span></a>
			</h2>
			<div class="item_list_box env_info_list">
				<ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="">
		            	<span class="mui-table-view-cell mui-media mui-col-xs-2">环保工程</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-2">李先生</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-3">135**** ****</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-2">提交中</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-3">2016-06-02</span>
		            </li>
		             <li class="">
		            	<span class="mui-table-view-cell mui-media mui-col-xs-2">环保工程</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-2">李先生</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-3">135**** ****</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-2">提交中</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-3">2016-06-02</span>
		            </li>
		             <li class="">
		            	<span class="mui-table-view-cell mui-media mui-col-xs-2">环保工程</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-2">李先生</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-3">135**** ****</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-2">提交中</span>
		            	<span class="mui-table-view-cell mui-media mui-col-xs-3">2016-06-02</span>
		            </li>
		        </ul>
			</div>
		</div>
		<div class="item_box index_map">
			<div class="item_map_nav">
				<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-bar-tab">
					<a class="mui-control-item mui-active" href="all_show.html">
						<span class="mui-tab-label">全部显示</span>
					</a>
					<a class="mui-control-item" href="production_type.html">
						<span class="mui-tab-label">我是生产型企业</span>
					</a>
					<a class="mui-control-item" href="environmental_type.html">
						<span class="mui-tab-label">我是环保公司</span>
					</a>
				</div>
				<div class="stop_map mui-table-view-cell mui-collapse mui-active"><a href="javascript:;" class="stop_map_btn mui-navigate-right mui-active"><span>隐藏</span>地图</a></div>
			</div>
			<div class="index_insert_ifram">
				<iframe src="environmentalMap/all_show_1.html" width="100%"></iframe>
			</div>
		<div class="scroll_btn">
			<a href="javascript:;" class="scroll_up_btn"></a>
			<a href="javascript:;" class="scroll_down_btn"></a>
		</div>
		</div>
		<div class="item_box index_middle_banner">
			<img src="images/index/banner@2x.png"/>
		</div>
		<div class="item_box rec_ent">
			<h2 class="mui-table-view-cell index_title">
				<a href="enterpriseLibrary/enterprise_library.html" class="mui-navigate-right mui-active"><b>推荐企业</b><span class="mui-badge see_more">更多</span></a>
			</h2>
			<div class="item_list_box rec_ent_list">
				<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item1mobile">
							环评编写
						</a>
						<a class="mui-control-item" href="#item2mobile">
							环保工程
						</a>
						<a class="mui-control-item" href="#item3mobile">
							项目验收
						</a>
						<a class="mui-control-item" href="#item4mobile">
							环境检测
						</a>
						<a class="mui-control-item" href="#item5mobile">
							在线监控
						</a>
						<a class="mui-control-item" href="#item6mobile">
							清洁工程
						</a>
					</div>
				</div>
				<div class="mui-slider-group map_list_sub">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<!--<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">-->
								<ul class="mui-table-view" id="contact_info_more"> 
								   <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>1广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>									 
								</ul>
							<!--</div>
						</div>-->
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<!--<div class="mui-scroll-wrapper">
							<div class="mui-scroll">-->
								<ul class="mui-table-view" id="contact_info_more"> 
								   <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>2广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>									 
								</ul>
							<!--</div>
						</div>-->
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<!--<div class="mui-scroll-wrapper">
							<div class="mui-scroll">-->
								<ul class="mui-table-view" id="contact_info_more"> 
								   <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>3广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
								</ul>
							<!--</div>
						</div>-->
					</div>
					<div id="item4mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view" id="contact_info_more"> 
								   <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>4广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
								</ul>
							</div>
						</div>
					</div>
					<div id="item5mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view" id="contact_info_more"> 
								   <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>5广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
								</ul>
							</div>
						</div>
					</div>
					<div id="item6mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view" id="contact_info_more"> 
								   <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>6广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
									 <li class="mui-table-view-cell mui-media">
								       <a href="environmentalMap/business_details.html" class="clear" id="0">
								         <div class="tab_view_left mui-pull-left">
								          <img class="mui-media-object" src="images/index/map_list_left.png" />
								          <p class="xingxing_p">
								              <span class="xinxin">
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								                  <i class="xinxin_item"><img src="images/index/xingxing_bg.png" /></i>
								              </span>
								          </p>
								          <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									         </div>
									         <div class="mui-media-body mui-pull-left">
									          <h1 class="com_dtl_h"><span>6广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									          <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									          <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									          <p class="cmpy_label">
									          	<span class="cmpy_lbl_item green">优蚁认证</span>
									            <span class="cmpy_lbl_item blue">协会认证</span>
									            <span class="cmpy_lbl_item yellow">工商认证</span>
									            <span href="javascript:;" class="online_msg">在线留言</span>
									           </p>
									         </div>
									     </a>
									 </li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>		
			</div>
		</div>
	    <div class="item_box index_middle_banner">
			<img src="images/index/banner@2x.png"/>
		</div>
		<div class="item_box green_mall">
			<h2 class="mui-table-view-cell index_title">
				<a href="onlineConsulting/online_consulting.html" class="mui-navigate-right mui-active"><b>环保商城</b><span class="mui-badge see_more">更多</span></a>
			</h2>
			<div class="item_list_box green_mall_list">
				<div id="sliderNav" class="mui-slider mui-fullscreen sliderNav">		
					<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control mui-segmented-control-inverted online_con_nav">
						<a class="mui-control-item mui-active" href="#item1green">
							服务
						</a>
						<a class="mui-control-item" href="#item2green">
							设备
						</a>
						<a class="mui-control-item" href="#item3green">
							原料
						</a>
					</div>
					<div class="mui-slider-group slider_group">
						<div id="item1green" class="mui-slider-item mui-control-content mui-active">
							<!--<div id="scroll1" class="mui-scroll-wrapper">
								<div class="mui-scroll">-->
									<ul class="mui-table-view mui-table-view-chevron mui-grid-view commodity_list">
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="product_details.html" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">1上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="product_details.html" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">1上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="javascript:;" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">1上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="product_details.html" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">1上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
								 	</ul>
								<!--</div>
							</div>-->
						</div>
						<div id="item2green" class="mui-slider-item mui-control-content">
							<!--<div class="mui-scroll-wrapper">
								<div class="mui-scroll">-->
									<ul class="mui-table-view mui-table-view-chevron mui-grid-view commodity_list">
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="javascript:;" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">2上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="javascript:;" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">1上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="javascript:;" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">2上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="javascript:;" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">1上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
								 	</ul>
								<!--</div>
							</div>-->
						</div>
						<div id="item3green" class="mui-slider-item mui-control-content">
							<!--<div class="mui-scroll-wrapper">
								<div class="mui-scroll">-->
									<ul class="mui-table-view mui-table-view-chevron mui-grid-view commodity_list">
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="javascript:;" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">3上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="javascript:;" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">1上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="javascript:;" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">3上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
									   <li class="mui-table-view-cell mui-media mui-col-xs-6">
								   		<a href="javascript:;" id="7">
									   		<img class="mui-media-object mui-pull-left" src="images/index/list_left_img.png">
									     	<div class="mui-media-body">
										      <div class="media_body_left">
										       <h1 class="media_body_h">1上拉注塑机伺服改造</h1>
										       <p class="media_price mui-ellipsis">价格： 面议</p>
										       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
										       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
										      </div>
										      <div class="media_body_right">
										       <span class="hotst">最热</span>
										      </div>
										     </div>
									   	</a>
									   </li>
								 	</ul>
								<!--</div>
							</div>-->
						</div>
					</div>
				</div>				
			</div>
		</div>
		<div class="item_box index_middle_banner">
			<img src="images/index/banner@2x.png"/>
		</div>
		<div class="item_box rel_req">
			<h2 class="mui-table-view-cell index_title">
				<a class="mui-active"><b>发布环保需求</b><!--<span class="mui-badge see_more">更多</span>--></a>
			</h2>
			<h6 class="waring_bar"><marquee scrollamount="3">优蚁将会为你全程跟踪服务！</marquee></h6>
			<div class="item_list_box rel_req_list">
				<ul class="mui-table-view-radio">
					<li class="active">
						<a class="mui-navigate-right">
							环评编写
						</a>
					</li>
					<li class="">
						<a class="mui-navigate-right">
							环保工程
						</a>
					</li>
					<li class="">
						<a class="mui-navigate-right">
							项目验收
						</a>
					</li>
					<li class="">
						<a class="mui-navigate-right">
							环境监测
						</a>
					</li>
					<li class="">
						<a class="mui-navigate-right">
							危废服务
						</a>
					</li>
					<li class="">
						<a class="mui-navigate-right">
							应急预案
						</a>
					</li>
					<li class="">
						<a class="mui-navigate-right">
							清洁生产
						</a>
					</li>
					<li class="">
						<a class="mui-navigate-right">
							节能改造
						</a>
					</li>
					<li class="">
						<a class="mui-navigate-right">
							其他需求
						</a>
					</li>
				</ul>
				<div class="rel_form">
					<div class="mui-input-row rel_textarea" style="margin: 10px 5px;">
						<div class="ref_form_textarea">
							<textarea id="textarea" rows="5" placeholder="请描述您的环保需求（选填）"></textarea>
						<p class="mui-text-right card_zf"><b class="mui-badge-inverted mui-badge-red">0</b>/<span>120</span></p>
						</div>
					</div>
					
					<div class="form_item you_name">
						<label for=""><span class="iconfont icon-lianxiren"></span><b>您的姓名：</b><input type="text" placeholder="章子怡" /></label>						
					</div>
					<div class="form_item you_phone">
						<label for=""><span class="iconfont icon-shouji"></span><b>您的手机：</b><input type="text" placeholder="请输入联系电话" /></label>						
					</div>
					<div class="form_item you_yzm">
						<label for=""><span class="iconfont icon-yanzhengma"></span><b>验证码：</b><input type="text" placeholder="验证码" class="yzm" /> <span class="send_yzm">发送验证码</span></label>						
					</div>
					<div class="form_item you_company">
						<label for=""><span class="iconfont icon-icon"></span><b>公司名称：</b><input type="text" placeholder="请输入公司名称" /></label>						
					</div>
					<div class="form_item you_location">
						<label for=""><span class="iconfont icon-dizhi"></span><b>位置定位：</b><input type="text" placeholder="定位" /></label>						
					</div>
				</div>
				<div class="form_bar_btn">
					<a href="javascript:;" class="mui-btn mui-btn-block mui-btn-green">提交</a>
				</div>
			</div>
		</div>
	    </div>
	</div>	
	<nav class="mui-bar mui-bar-tab bottom_nav">
		<a id="defaultTab" class="mui-tab-item" href="index.html">
			<span class="mui-icon iconfont icon-shouye"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" href="onlineConsulting/online_consulting.html">
			<span class="mui-icon iconfont icon-iconfont"></span>
			<span class="mui-tab-label">环保商城</span>
		</a>
		<a class="mui-tab-item" href="environmentalMap/environmental_map.html">
			<span class="mui-icon iconfont icon-ditu"></span>
			<span class="mui-tab-label">环保地图</span>
		</a>
		<a class="mui-tab-item" href="enterpriseLibrary/enterprise_library.html">
			<span class="mui-icon iconfont icon-guanjiaowangtubiao02"></span>
			<span class="mui-tab-label">企业库</span>
		</a>
		<a class="mui-tab-item" href="my/my.html">
			<span class="mui-icon iconfont icon-wode"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	<div class="back_top"><span class="mui-inline mui-text-center">顶部</span></div>
	<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<!--<script type="text/javascript" src="http://api.map.baidu.com/highacciploc/v=3.0?qcip=220.181.38.113&ak=ZM5FnhEj8ZddP3FpGLM85lPFFVvj1Lgr&coord=bd09ll"></script>-->
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&qterm=mb&ak=ZM5FnhEj8ZddP3FpGLM85lPFFVvj1Lgr"></script>
	<script type="text/javascript" charset="utf-8">
	//mui初始化    
	mui.init({
		statusBarBackground: '#5ec520',
		swipeBack: false
	});
mui(".mui-scroll-wrapper").scroll({
	bounce: true,
	indicators: false, //是否显示滚动条
	//deceleration:deceleration
});
	
	var jq=$.noConflict();
	
	//验证码发送时间
	var defaule;
	time.wait=10;  
	function time(e,defaule,waitTime) {
        if (time.wait == 0) {
			mui(".you_yzm").off("tap").on("tap",".send_yzm",function(e){
			time(e,defaule,time.wait);
			});
            defaule.text("获取效验码");
            time.wait = 10;  
        } else {
			mui(".you_yzm").off("tap");
            defaule.text("重发(" + time.wait + ")");
            time.wait--;
            setTimeout(function() {
                time(e,defaule,time.wait);
            },
            1000); 
        }  
    };
	
	(function($) {
		$("#segmentedControl").on("tap","a",function(){
			var theIndex=jq(this).index();
			jq("iframe").attr("src",'environmentalMap/all_show_'+(theIndex+1)+'.html');
		});
		document.querySelector(".stop_map").addEventListener("tap",function(){
			var _this=this;
			setTimeout(function(){
				var ifcls=jq(".stop_map").hasClass("mui-active");
				if(ifcls){
					jq(".index_insert_ifram").slideDown(100);
					jq("#segmentedControl").show();
					jq('span',_this).text("隐藏");
				}else{
					jq(".index_insert_ifram").slideUp(100);
					jq("#segmentedControl").hide();
					jq('span',_this).text("显示");
				};
			},200);
		});
		
		$(".rel_req_list").on("tap","li",function(){
			jq(this).addClass("active").siblings().removeClass("active");
		});
		
		$(".you_yzm").on("tap",".send_yzm",function(e){
			defaule=jq(this);
			time(e,jq(this),time.wait);
		});
		
		document.querySelector(".form_bar_btn a").addEventListener("tap",function(e){
			sureSubmit(e);
		});
	})(mui);
//验证手机号
var checkPhone=function (phone) {
return (/^1\d{10}$/.test(phone));
};

//确认申请
var sureSubmit=function(e){
	var appJson={};
	var you_name=jq.trim(jq(".you_name input").val());
	var you_phone=jq.trim(jq(".you_phone input").val());
	var you_yzm=jq.trim(jq(".you_yzm input").val());	
	var you_company=jq.trim(jq(".you_company input").val());
	
	if(you_name!="" && you_phone!="" &&you_yzm!="" && you_company!=""){
		if(!checkPhone(you_phone)){
			mui.toast("手机号不正确！")
			return false;
		};
		appJson.you_name=you_name;
		appJson.you_phone=you_phone;
		appJson.you_yzm=you_yzm;
		appJson.you_company=you_company;
		console.log(JSON.stringify(appJson));
	}else{
		e.preventDefault();
		mui.toast("内容填写不全！");
	};
};


//定位
window.onload=function(){
	//经纬度
	var lon=null;
	var lat=null;
	
	var map = new BMap.Map("allmap");
	var point = null;
	var gc = new BMap.Geocoder();
	var adres=null;
	var mycity=null;
		textSpan=document.querySelector(".you_location input");
		navigator.geolocation.getCurrentPosition(function(clbck){
 		lon=clbck.coords.longitude;
 		lat=clbck.coords.latitude;
 		point = new BMap.Point(lon,lat);
 		geobackFn();
    });
    
    var geobackFn=function(){
    	console.log(point);
    	gc.getLocation(point, function(rs){
	   var addComp = rs.addressComponents;
	   	   mycity=addComp.city;
	   	   adres=addComp.province + " " + addComp.city + "" + addComp.district + "" + addComp.street +"" + addComp.streetNumber;
	   	   console.log(adres);
	   	   textSpan.value=adres;
	   	   document.querySelector('.location_btn').innerHTML=mycity;
			});
    };
};

setTimeout(function(){
	var newCity=sessionStorage.getItem("newCity");
	if(newCity)document.querySelector('.location_btn').innerHTML=newCity;
},3000);
//搜索
//document.getElementById("searchInput").addEventListener('keyup', function(event) {
//alert(event.keyCode);
//console.log(event.keyCode);
//});


// mui.ready(function () {
//	//地图区域点击滚动
//	mui(".scroll_btn").on("tap","a",function(){
//		var obj=document.querySelector(".mui-scroll");
//		var styleTrue=obj.style.transform;
//		var muiScroll=styleTrue?obj.style.transform:obj.style.webkitTransform;
//		var indexStar=muiScroll.indexOf("-");
//		var muicroll=parseInt(muiScroll.substr(indexStar+1,3));
//		if(jq(this).hasClass("scroll_down_btn")){
//			scrollFn(-770);
//			//styleTrue?obj.style.transform='translate3d(0px, -'+(muicroll+40)+'px, 0px) translateZ(0px)':obj.style.webkitTransform='translate3d(0px, -'+(muicroll+220)+'px, 0px) translateZ(0px)';
//		}else{
//			scrollFn(-1200);
//			//styleTrue?obj.style.transform='translate3d(0px, -'+(muicroll-40)+'px, 0px) translateZ(0px)':obj.style.webkitTransform='translate3d(0px, -'+(muicroll-220)+'px, 0px) translateZ(0px)';
//		};
//	});
//});
//滚动到顶部
document.querySelector('.back_top').addEventListener('tap',function () {
        mui("#index_scroll").scroll().scrollTo(0,0,1000);
        setTimeout(function(){
        	jq(".back_top").fadeOut();
        },1200);
});

document.querySelector('#index_scroll').addEventListener('dragend',function (e) {
		var transformY=jq(">div.mui-scroll",this).css("transform");
			transformY=transformY.match(/-\d+/g)?transformY.match(/-\d+/g)[0]:0;
        if(Math.abs(transformY)>562){
        	jq(".back_top").fadeIn();
        	return false;
        };
});

//限制字数
var card=document.querySelector('.card_zf span').innerHTML;
	card=parseInt(card);
	document.addEventListener("keyup",function(){
	var spanB=document.querySelector('.card_zf b');
	var areas=document.querySelector('.rel_textarea textarea');
	var areasVal=areas.value;
	var areasLenth=areasVal.length;
	
	if(areasLenth>=card){
		var newValue=areasVal.substr(0,card);
		areas.value=newValue;
		spanB.className='mui-badge-inverted mui-badge-red';
		spanB.innerHTML=card;
	}else{
		spanB.className='mui-badge-inverted';
		spanB.innerHTML=areasLenth;
	};
});

mui(".bottom_nav").on("tap","a",function(){
	var thehref=this.href;
	if(thehref.indexOf("#")!=-1){
		mui.alert("","请先登录！",function(){
			mui.openWindow("system/intoLoginPage");
		});
	}
	mui.openWindow(thehref);
});
document.querySelector(".location_btn").addEventListener("tap",function(){
	sessionStorage.setItem("backLocation",window.location.href);
});
//var companyHref=jq("iframe").contents().find(".company_detail");
//	mui(companyHref).on("tap","a",function(){
//		
//		console.log(this);
//	});
//	console.log(companyHref);
	//mui.openWindow(companyHref);


//推荐企业左侧限宽高
/*(function($){
	var oLeft=$(".map_list_sub .tab_view_left");
	var leftWidth=oLeft.width();
	var view=$(".map_list_sub .mui-table-view");
	var viewHeight=view.outerHeight(true);
		$(">img",oLeft).height(leftWidth);		
		$(".rec_ent_list").height(view.outerHeight(true)+56);
})(jq);*/
</script>
</body>
</ html>